'use strict';

import React from 'react';
import {Layout,Spin} from 'antd';
import ${className}Table from './${className}Table';
import ${className}SearchForm from './${className}SearchForm';
const {Content} = Layout;

class ${className}Content extends React.Component{

  constructor(props){
    super(props);
    this.state = {
        loading:false
    }
  }

  loading(newLoad){
    this.setState({loading:newLoad});
  }

  newUser(){

  }
  render(){

    return(
      <Spin spinning={this.state.loading}>
        <Content style={{ margin: '0 16px'}}>
          <div style={{ padding: 24, background: '#fff'}}>
            <${className}SearchForm loading={this.loading.bind(this)}/>
          </div>
          <div style={{ padding: 24, background: '#fff', minHeight: 680}}>
            <${className}Table />
          </div>
        </Content>
      </Spin>
    );
  }
}
export {${className}Content}
